/*Tutorial 1 Styles*/


#title_form_tutorial_two {
    font-weight: bold;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    padding-left: 10px;
    margin-top: 25px;

}

#header_form_tutorial_two {
    font-weight: bold;
    text-align: left;
    font-size: 80%;

}


#table_tutorial_two {
    margin-top: 15px;
    float: left;
    width: 100%;

}

#tutorial_two_mult {
    width: 99%;
    float: left;
    font-size: 16pt;
    color: red;

}
.rbcontent{
    margin-left: 70px;
    padding: 10px;
}
#mult {
    padding-left: 25px;
    padding-right: 25px;
}

#form_tutorial_two {
    background-color: #DBDBDB;
    width: 315px;
    height: 310px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial,Helvetica,sans-serif;
    border: 2px ridge #999999;
    float: left;
    margin-top: 10px;
    overflow: hidden;
}

#form_quiz_tutorial_two {
    background-color: #DBDBDB;
    width: 315px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    font-family: Arial,Helvetica,sans-serif;
    border: 2px ridge #999999;
    float: left;
    margin-top: 10px;
}

#tutorial_two_quiz {
    float: left;
    padding-left: 10px;

}



#form_tutorial_two span{
    padding-left: 15px;
    font-size: 8pt;
}

#form_tutorial_two select{

    font-size: 8pt;
}

#buttons_tutorial_two {
    margin: auto 0;
    padding-left: 10px;

}

#title_form_tutorial_three {
    font-weight: bold;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    padding-left: 10px;
    margin-top: 25px;

}

#header_form_tutorial_three {
    font-weight: bold;
    text-align: left;
    font-size: 80%;

}


#table_tutorial_three {
    margin-top: 15px;
    float: left;
    width: 100%;

}

#tutorial_three_mult {
    width: 99%;
    float: left;
    font-size: 16pt;
    color: red;

}

#form_tutorial_three {
    background-color: #DBDBDB;
    width: 140%;
    height: 20%;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial,Helvetica,sans-serif;
    border: 2px ridge #999999;
    float: left;
    margin-top: 10px;
    overflow: hidden;
}

#form_tutorial_three span{
    padding-left: 15px;
    font-size: 8pt;
}

#form_tutorial_three select{

    font-size: 8pt;
}

#buttons_tutorial_three {
    margin: auto 0;
    padding-left: 10px;

}

div#f_arrow {
    display: table;
}
div#b_arrow {
    display: table;
}

#forward_back {
    width: 900px;
    /*padding-left: 50px;*/


}
#link {
    position:absolute;
    top:475px;
    left: 280px;
}
/*
#back_float {
    position:absolute;
    top:462px;
    left: 80px;
}

#forward_float {
    position:absolute;
    top:462px;
    left: 580px;
}*/

#tutorial_quiz {
    color: #FFFFFF;
    width: 100%;
    border: 1px solid #000;
    background-color: #DBDBDB;
}


#tutorial_quiz input {
    padding-left: 15px;

}

#answer {
    color: #FFF;
    background-color: #506F85;
    width: 50%;
    font-weight: bold;
    float: left;
    margin-left: 25%;
    margin-right: 25%;
    margin-top: 20px;
    text-align: center;


}

table.max {
    border-collapse: collapse;
    font-size:120%;
}
table.max td {
    padding: 5px;
    text-align:center;
}

table.max_xl {
    width:120%;
    border-collapse: collapse;
    font-size:100%;
}
table.max_xl td {
    padding: 5px;
    text-align:center;
}

table.ls {
    border-width: 1px;
    border-spacing: 1px;
    border-style: solid;
    border-color: blue;
    border-collapse: collapse;
    font-size:100%;
}

table.ls td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: blue;
}



#timeline {
    width: 235em;
    font-size: 70%;
    margin-left: 1em;
}
#timeline, #timeline * {
    display: block;
}
#timeline thead tr {
    position: relative;
    z-index: 1;
    height: 1.5em;
    border-bottom: 2px solid gray;
}
#timeline thead th {
    top: 0;
    height: 8em;
}

#timeline thead th p {
    border-right: 3px solid gray;
    margin: 0 1px 0 0;
    padding: 0.15em 0 0.25em;
}


#timeline tbody tr,
#timeline tbody th,
#timeline tbody td {height: 3.333em;}

#timeline tbody {
    background: #EEE;
    padding: 1.5em 0;
}
#timeline tbody tr {
    position: relative;
    z-index: 2;
    border-width: 1px 0;
    padding-bottom: 0.1667em;
    background: url(http://cse.unl.edu/~jswanson/citportal_website/images/line.png) center repeat-x;
}
#timeline tbody tr:hover {
    background-color: #FFE;
}
#timeline th, #timeline td {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 8em;
}
#timeline tbody td {
    text-align: center;
}
#timeline .y1934 {left: 0em;}
#timeline .y1935 {left: 7em;}
#timeline .y1936 {left: 14em;}
#timeline .- {left: 21em;}
#timeline .y1985 {left: 28em;}
#timeline .y1985 {left: 35em;}
#timeline .y1986 {left: 42em;}
#timeline .y1987 {left: 49em;}
#timeline .y1988 {left: 56em;}
#timeline .y1989 {left: 63em;}
#timeline .y1990 {left: 70em;}
#timeline .y1991 {left: 77em;}
#timeline .y1992 {left: 84em;}
#timeline .y1993 {left: 91em;}
#timeline .y1994 {left: 98em;}
#timeline .y1995 {left: 105em;}
#timeline .y1996 {left: 112em;}
#timeline .y1997 {left: 119em;}
#timeline .y1998 {left: 126em;}
#timeline .y1999 {left: 133em;}
#timeline .y2000 {left: 140em;}
#timeline .y2001 {left: 154em;}
#timeline .y2002 {left: 161em;}
#timeline .y2003 {left: 168em;}
#timeline .y2004 {left: 175em;}
#timeline .y2005 {left: 182em;}
#timeline .y2006 {left: 191em;}
#timeline .y2007 {left: 198em;}
#timeline .y2008 {left: 205em;}
#timeline .y2009 {left: 212em;}
#timeline .y2010 {left: 221em;}
#timeline .y2011 {left: 228em;}
#timeline thead .y2011 p {border-right-color: transparent;}



#timeline tbody td p {
    position: absolute;
    top: 50%;
    width: 2.5em;
    margin: -5px 0 0 -1em;
    text-indent: -1px;
    padding-top: 10px;
    background: url(http://cse.unl.edu/~jswanson/citportal_website/images/dot.png) 50% 2px no-repeat;
    color: #666;
}
#timeline tbody td p.flip {
    top: auto; bottom: 50%;
    margin:  0 0 -4px -1em;
    padding: 0 0 8px;
    background-position: 50% 100%;
}

#timeline tbody td p[title*="stimated"] {
    background-image: url(pieces/dot-est.png);
    color: #AAA;
}
#timeline tbody td p:hover {
    background-color: #FEE;
    outline: 1px solid #966;
    color: #633;
    cursor: default;
    z-index: 100;
}

#timeline p[title~="January"]   {left: 6%;}
#timeline p[title~="February"]  {left: 14%;}
#timeline p[title~="March"]     {left: 22%;}
#timeline p[title~="April"]     {left: 30%;}
#timeline p[title~="May"]       {left: 38%;}
#timeline p[title~="June"]      {left: 46%;}
#timeline p[title~="July"]      {left: 54%;}
#timeline p[title~="August"]    {left: 62%;}
#timeline p[title~="September"] {left: 70%;}
#timeline p[title~="October"]   {left: 78%;}
#timeline p[title~="November"]  {left: 86%;}
#timeline p[title~="December"]  {left: 94%;}

/* IE7 hacks */

*+html #timeline thead th {
    vertical-align: top;
}
*+html #timeline + h3 {
    margin-top: 20em;
}



/*
        Blue on blue
        written by Glenn Slaven http://slaven.net.au
*/

#options {
    border-collapse: collapse;
}

#options table,td,th {
    border-collapse:collapse;
    margin:0;
    padding:0;

}
#options table {
    border: none;
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
}

#options table caption {
    background-color: transparent;
    background-image: url(cap_bg.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    text-align:left;
    font-size:150%;
    text-transform:uppercase;
    line-height: 30px;
    letter-spacing:0px;
}

#options td, th{
    vertical-align:top;
    font-weight:normal;
}

#options thead {
    border-left:1px solid #2293FF;
}

#options thead th {
    background: #2293FF;
    color: #FFFFFF;
    font-size: 90%;
    border-top:1px solid #2293FF;
    border-right:1px solid #2293FF;
    padding: 4px 0.4em 4px 0.4em;
}

#options tfoot td, tfoot th {
    border-top:1px solid #2293FF;
    border-right: none;
    font-weight: bolder;
    font-size: 90%;
    padding: 0.4em 0.5em 0.4em 0.5em;
}

#options tbody td, tbody th {
    background-color: #D9ECFF;
    border-right:1px solid #2293FF;
    font-size: 90%;
    padding: 0.4em 0.5em 0.4em 0.5em;
}

#options #left {
    border-right: none;
}

#options #right {


}

#options tbody tr.odd th, tbody tr.odd td{
    background-color: #BDDFFF;
}

#options tbody th{
    font-weight: bold;
    border-left:1px solid #2293FF;
}



#options table a:link, table a:visited, table a:active {
    color:#444F66;
    background-color: transparent;
    text-decoration: underline;
}

#options table a:hover {
    text-decoration:none;
    background-color: #1E90FF;
    color: #FFFFFF;
}



#left {
    background-color: yellow;

    border-right: none;
}

#right {
    background-color: yellow;

    border-left: none;
}

#options #left {
    background-color: yellow;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

#options #right {
    background-color: yellow;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

#contentBox
{
    font-family: sans-serif;
    font-size: 80%;
    color:#506f85;
    background-color:#EDEDED;
    border-style: dashed;
    border-width:1px;
    border-color:#000;
    width:40%;
    float: left;
    padding:2%;
    margin-left: 1%;
    margin-right: 3%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14pt;
    margin-top: 10px;

}

#contentBox_OA
{
    font-family: sans-serif;
    font-size: 80%;
    color:#506f85;
    background-color:#EDEDED;
    border-style: dashed;
    border-width:1px;
    border-color:#000;
    width:90%;
    float: left;
    padding:2%;
    margin-left: 1%;
    margin-right: 3%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14pt;
    margin-top: 10px;

}

#contentBox_wide
{
    font-family: sans-serif;
    font-size: 80%;
    color:#506f85;
    background-color:#EDEDED;
    border-style: dashed;
    border-width:1px;
    border-color:#000;
    width:70%;
    float: left;
    padding: 2%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14pt;
    margin-top: 15px;
    text-align: center;
    margin-left: 12%;
}


#contentBox_wide_xl
{
    font-family: sans-serif;
    font-size: 80%;
    color:#506f85;
    background-color:#EDEDED;
    border-style: dashed;
    border-width:1px;
    border-color:#000;
    width:70%;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18pt;
    margin-top: 15px;
    text-align: center;
    margin-left: 12%;
}

#contentBox_wide_timeline
{
    font-family: sans-serif;
    font-size: 80%;
    color:#506f85;
    background-color:#EDEDED;
    border-style: dashed;
    border-width:1px;
    border-color:#000;
    width:90%;
    height:60%;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14pt;
    margin-top: 15px;
    text-align: center;
    margin-left: 5%;
}

#box {
    margin: 10px;
    position: relative;
    text-align: left;
    background-color: #E0EEEE;
    border: 2px solid rgb(213, 213, 213);
}
img{
    max-width: none;
}